<template>
	<view class="shop">
		<view class="shop_main" v-show="is_dl">

			<view class="main_info c-fff py-80 relative">
				<view class="flex-between-center p-20 pb-60">
					<view class="flex-y-center">
						<image class="w-140 h-140 rd-100 border-info-1 mr-20"
							src="@/static/images/Group 9234@2x.png" mode="aspectFill"></image>
						<view class="info">
							<view class="fs-32 my-10 flex-y-center">
								<view class="pr-10">{{user_info.nickname}}</view>
								<view class="fs-20 c-fff mylevel bg-fff-3 py-4 px-10">一般代理</view>
							</view>
							<view class="my-10">{{user_info.mobile}}</view>
							<view class="my-10">ID：{{user_info.id}}</view>
						</view>
					</view>
					<view class="text-right">
						<view class="siconfont icon-shezhi mr-10"></view>
						<view class="bg-info-1 c-333 px-20 rd-40 mt-40 py-10 flex-y-center">
							<view>推广码</view> <text class="siconfont icon-jichu_erweima pl-10"></text>
						</view>
					</view>
				</view>
				<view class="siconfont icon-wodeyouhuiquanbannerzhezhao rdzhezhao"></view>
			</view>


			<view class="relative bg-info-1 rd-16 px-30 py-40 m-20 shadow-s">
				<view class="flex-between-center">
					<view>
						<view class="fs-26">当前剩余金额</view>
						<view class="fs-64">980,567</view>
					</view>
					<view class="text-right">
						<view class="color-info-1 rd-50 py-10 px-26 mb-20 inline-block" style="background: #F2601C;">提现
						</view>
						<view>已提现：￥1651.00</view>
					</view>
				</view>
				<view class="flex-around-center text-center lh-40 mt-30">
					<view class="w-50v u-border-right">
						<view>自营收益</view>
						<view class="fs-30 color-error">196.00</view>
					</view>
					<view class="w-50v u-border-right">
						<view>下级贡献</view>
						<view class="fs-30 color-error">196.00</view>
					</view>
					<view class="w-50v u-border-right">
						<view>奖励收益</view>
						<view class="fs-30 color-error">23041</view>
					</view>
					<view class="w-50v">
						<view>运营商收益</view>
						<view class="fs-30 color-error">23041</view>
					</view>
				</view>
			</view>

			<view class="m-20 box-border">
				<image class="w-100v" :src="ossPath + '/static/images/Group 9281@2x.png'" mode="widthFix">
				</image>
			</view>

			<view class="my-20">
				<view class="fs-30 c-333 mb-10 mx-20">常用功能</view>
				<view class="box-border py-20">
					
					<view class="inline-block w-20v mb-20" @click="tourl('/pages/shop/money_records')">
						<view class="flex-col flex-center ">
							<image class="w-72 h-72" src="@/static/images/hechengjilu@2x.png"
								mode="widthFix"></image>
							<view>提现管理</view>
						</view>
					</view>
					
					
					<view class="inline-block w-20v mb-20" @click="tourl('/pages/my/shouzhi')">
						<view class="flex-col flex-center ">
							<image class="w-72 h-72" src="@/static/images/wdqiugou@2x.png"
								mode="widthFix"></image>
							<view>收入明细</view>
						</view>
					</view>
					
					<view class="inline-block w-20v mb-20" @click="tourl('/pages/person/person_feedback_need')">
						<view class="flex-col flex-center ">
							<image class="w-72 h-72" src="@/static/images/yinsishezhi@2x.png"
								mode="widthFix"></image>
							<view>咨询记录</view>
						</view>
					</view>
					
					<view class="inline-block w-20v mb-20" @click="tourl('/pages/person/person_feedback_need')">
						<view class="flex-col flex-center ">
							<image class="w-72 h-72" src="@/static/images/lainxiwm@2x.png"
								mode="widthFix"></image>
							<view>推广赚钱</view>
						</view>
					</view>
					<view class="inline-block w-20v mb-20">
						<view class="flex-col flex-center ">
							<image class="w-72 h-72" src="@/static/images/wdqiugou@2x(1).png"
								mode="widthFix"></image>
							<view>邀请好友</view>
						</view>
					</view>
				</view>
			</view>


			<view class="m-20 box-border">
				<image class="w-100v" src="@/static/images/Group 1000002109@2x.png"
					mode="widthFix"></image>
			</view>

			<view class="m-20 box-border flex-between-center">
				<image class="w-50v box-border" src="@/static/images/Frame 12@2x.png"
					mode="widthFix"></image>

				<image class="w-50v box-border" src="@/static/images/Frame 12@2x.png"
					mode="widthFix"></image>
			</view>
			
			<view class="bg-fff rd-16 my-20">
				<u-cell-group :border="false">
					<u-cell icon="setting-fill" title="设置" isLink url="/pages/person/set_up"></u-cell>
					<u-cell icon="pushpin-fill" title="工具" isLink url="/pages/person/person_sucai"></u-cell>
					<u-cell icon="chat-fill" title="系统消息" isLink url="/pages/home/msg_center"></u-cell>
					<u-cell icon="error-circle-fill" title="帮助中心" isLink></u-cell>
					<u-cell icon="eye-off" title="隐私协议" isLink></u-cell>
				</u-cell-group>
			</view>
			


			<!-- 这个订单暂时不要 -->
			<view class="my-20" v-if="1==2">
				<view class="pb-10 px-20 flex-between-center fs-30 c-666">
					<view class="p-10" :class="nvcurrent==1?'line-bottom c-333':''" @click="ordernav(1)">我的订单</view>
					<view class="p-10" :class="nvcurrent==2?'line-bottom':''" @click="ordernav(2)">下游订单</view>
					<view class="p-10" :class="nvcurrent==3?'line-bottom':''" @click="ordernav(3)">辖区订单</view>
				</view>
				<view class="">
					<u-tabs :list="navList" height='88' lineHeight="0" 
					:activeStyle="{
						color: '#fff',
						background:'var(--color-primary)',
						borderRadius:'50rpx',
						width:'120rpx',
						textAlign:'center',
						padding:'8rpx'
					}" 
					:inactiveStyle="{
						color: '#666',
						background:'#efefef',
						borderRadius:'50rpx',
						width:'120rpx',
						textAlign:'center',
						padding:'8rpx'
						
					}" :is-scroll="false" :current="current" :font-size="28" @change="navChange">
					</u-tabs>
				</view>

				<view class="flex-between-center px-20 my-20">
					<view class="c-666">共计25条</view>
					<view class="flex">
						<view class="px-20">秒结</view>
						<view class="px-20">次月结</view>
						<view class="px-20">预结算</view>
						<view class="px-20">筛选</view>
					</view>
				</view>

				<!-- 个人中心订单列表 -->
				<view class="shadow-s rd-16 p-20 bg-info-1 m-20" v-for="(item,index) in orderlist" :key="index">
					<view class="flex-y-center justify-between u-border-bottom pb-20 mb-20">
						<view class="fs-30">{{item.title}}</view>
						<view class="bg-error-1 rd-6 color-error py-4 px-10">下单失败</view>
					</view>
					<view class="flex mb-20">
						<view class="bg-primary rd-10 w-140 h-140 mr-20 overflow-hidden">

						</view>
						<view class="w-100v">
							<view class="fs-28 c-333 mb-10 flex-between-center mb-10">
								<view>订单编号：{{item.orderNo}} </view><text
									class="siconfont icon-fuzhi color-primary pl-10" @click="copyBtn(item.orderNo)"></text>
							</view>
							<view class="c-666 flex-between-center mb-10">
								<view>下单人：{{item.name}}</view> <text
									class="siconfont icon-fuzhi color-primary pl-10"></text>
							</view>
							<view class="c-666 flex-between-center">
								<view>购买号码：{{item.phone}}</view><text
									class="siconfont icon-fuzhi color-primary pl-10"></text>
							</view>
						</view>
					</view>

					<view class="m-10 px-10 py-20 bg-info-2 c-333 rd-12">
						<view class="flex-between-center m-10">
							<view class="c-999">下单时间</view>
							<view class="flex-y-center" @click="">
								<view>{{item.ordertime}}</view><text class="siconfont icon-gengduo fs-40 pl-10"></text>
							</view>
						</view>

						<view class="flex-between-center m-10">
							<view class="c-999">物流公司</view>
							<view>{{item.logisname}}</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">物流单号</view>
							<view>{{item.logisno}}</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">物流状态</view>
							<view>运送中</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">身份证号</view>
							<view>{{item.IDnum}}</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">收货地区</view>
							<view>{{item.city}}</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">详细地址</view>
							<view>{{item.address}}</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">激活时间</view>
							<view>{{item.jhtime}}</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">结算凭证上传时间</view>
							<view>{{item.jhuptime}}</view>
						</view>
						<view class="flex-between-center m-10">
							<view class="c-999">结算状态</view>
							<view>未结算</view>
						</view>
					</view>

					<view class="flex-y-center justify-around text-center pt-20  u-border-top">
						<view class="u-border-right w-25v">上传结算凭证</view>
						<view class="u-border-right w-25v">订单反馈</view>
						<view class="u-border-right w-25v">更多操作</view>
						<view class="color-error  w-25v">
							<view>￥{{item.jsmoney}}</view>
							<view class="fs-20">当日结算</view>
						</view>
					</view>
				</view>



			</view>



		</view>


		<!-- 上传凭证 -->

		<u-popup :show="uploadpingzheng" @close="uploadpingzheng=false" mode="bottom" bgColor="transparent">
			<view class="bg-fff p-20 pingzhengpop">
				<view class="pingzhengpopscroll">
					<!-- 订单常规结算凭证 -->
					<view class="bg-success-1 rd-20 p-20 lh-40 my-20">
						<view class="fs-32 color-success-8 text-center my-20">请上传充值版订单常规结算凭证</view>
						<view class="fs-28 my-10 flex-y-center"> <text class="siconfont icon-shouji"></text>上传激活的电话号码（系统自动填写的请勿修改）</view>
						<u--input class="bg-fff p-20 py-30 mr-10" placeholder="18888888888" border="surround"></u--input>
						<view class="c-999 my-20">
							<view class="c-666 my-20">请上传充值详情截图</view>
							<view class="c-999 text-center flex-around-center mb-10">
								<view class="bg-fff rd-16 w-200 h-200 flex-col flex-center">
									<view class="siconfont icon-xiangji fs-80 mb-20"></view>
									<view class="fs-22">拍照或上传</view>
								</view>
								<view class="fs-32 c-fff flex-col flex-center bg-info-6 w-300 h-200 rd-8">
									示例图
								</view>
							</view>
							<view>
								截图方法：通过微信/支付宝的账单，找到充值记录，点开后进行截图（页面上有更多的，点开更多后再进行截图）
							</view>
							<view class="c-666 my-20">请上传运营商APP首页截图</view>
							<view class="c-999 text-center flex-around-center mb-10">
								<view class="bg-fff rd-16 w-200 h-200 flex-col flex-center">
									<view class="siconfont icon-xiangji fs-80 mb-20"></view>
									<view class="fs-22">拍照或上传</view>
								</view>
								<view class="fs-32 c-fff flex-col flex-center bg-info-6 w-300 h-200 rd-8">
									示例图
								</view>
							</view>
							<view>
								截图方法：登录联通/移动/电信APP，将首页进行截图，截图上要显示电话号码、余额、流量分钟数等。
							</view>
							<view class="color-success-8">
								温馨提示： <br>
								①当日结算和预结算订单，必须全部上传，否则可能无法即时结算；<br>
								②其他首冲订单，建议至少上传前面两项，以便及时进行结算
							</view>
						</view>
					</view>
					
					<!-- 请上传激活版订单相关充值信息 -->
					<view class="bg-error-1 rd-20 p-20 lh-40 my-20">
						<view class="fs-32 color-error-8 text-center my-20">请上传激活版订单相关充值信息</view>
						<view class="fs-28 my-10 flex-y-center"> <text class="siconfont icon-shouji"></text>请上传激活版订单相关充值信息</view>
						<u--input class="bg-fff p-20 py-30 mr-10" placeholder="18888888888" border="surround"></u--input>
						<view class="c-999 my-20">
							<view class="c-666 my-20">请上传充值详情截图</view>
							<view class="c-999 text-center flex-around-center mb-10">
								<view class="bg-fff rd-16 w-200 h-200 flex-col flex-center">
									<view class="siconfont icon-xiangji fs-80 mb-20"></view>
									<view class="fs-22">拍照或上传</view>
								</view>
								<view class="fs-32 c-fff flex-col flex-center bg-info-6 w-300 h-200 rd-8">
									示例图
								</view>
							</view>
							<view>
								截图方法：通过微信/支付宝的账单，找到充值记录，点开后进行截图（页面上有更多的，点开更多后再进行截图）
							</view>
						</view>
					</view>
					
					
					<!-- 请上传补结算凭证 -->
					<view class="bg-warning-1 rd-20 p-20 lh-40 my-20">
						<view class="fs-32 color-warning-8 text-center my-20">请上传补结算凭证</view>
						<view class="fs-28 my-10 flex-y-center"> <text class="siconfont icon-shouji"></text>上传激活的电话号码（系统自动填写的请勿修改）</view>
						<u--input class="bg-fff p-20 py-30 mr-10" placeholder="18888888888" border="surround"></u--input>
						<view class="c-999 my-20">
							<view class="c-666 my-20">请上传充值详情截图</view>
							<view class="c-999 text-center flex-around-center mb-10">
								<view class="bg-fff rd-16 w-200 h-200 flex-col flex-center">
									<view class="siconfont icon-xiangji fs-80 mb-20"></view>
									<view class="fs-22">拍照或上传</view>
								</view>
								<view class="fs-32 c-fff flex-col flex-center bg-info-6 w-300 h-200 rd-8">
									示例图
								</view>
							</view>
							<view>
								截图方法：通过微信/支付宝的账单，找到充值记录，点开后进行截图（页面上有更多的，点开更多后再进行截图）
							</view>
							<view class="c-666 my-20">请上传运营商APP首页截图</view>
							<view class="c-999 text-center flex-around-center mb-10">
								<view class="bg-fff rd-16 w-200 h-200 flex-col flex-center">
									<view class="siconfont icon-xiangji fs-80 mb-20"></view>
									<view class="fs-22">拍照或上传</view>
								</view>
								<view class="fs-32 c-fff flex-col flex-center bg-info-6 w-300 h-200 rd-8">
									示例图
								</view>
							</view>
							<view>
								截图方法：登录联通/移动/电信APP，将首页进行截图，截图上要显示电话号码、余额、流量分钟数等。
							</view>
							<view class="c-666 my-20">请上传运营商APP首页截图</view>
							<view class="c-999 text-center flex-around-center mb-10">
								<view class="bg-fff rd-16 w-200 h-200 flex-col flex-center">
									<view class="siconfont icon-xiangji fs-80 mb-20"></view>
									<view class="fs-22">拍照或上传</view>
								</view>
								<view class="fs-32 c-fff flex-col flex-center bg-info-6 w-300 h-200 rd-8">
									示例图
								</view>
							</view>
							<view>
								截图方法：登录联通/移动/电信APP，将首页进行截图，截图上要显示电话号码、余额、流量分钟数等。
							</view>
							
							
							<view class="color-warning-8">
								温馨提示： <br>
								①当日结算和预结算订单，必须全部上传，否则可能无法即时结算；<br>
								②其他首冲订单，建议至少上传前面两项，以便及时进行结算
							</view>
						</view>
					</view>
					
					<view class="shadow_button m-20 my-40">确认上传</view>
				</view>
				
				
			</view>
		</u-popup>

	<page-footer v-model="navigationList"></page-footer>
	</view>
</template>

<script>
	import baseVal from '@/config/base.js'
	import PayInfo from '@/components/pay_info/pay_info.vue';
	import UploadPayment from '@/components/upload_payment/upload_payment.vue';
	import ConfirmReceipt from '@/components/confirm_receipt/confirm_receipt.vue';
	import pageFooter from "@/components/pageFooter";
	let baseUrl;
	if (process.env.NODE_ENV === 'development') {
		baseUrl = baseVal.devUrl // 开发环境
	} else {
		baseUrl = baseVal.baseUrl // 生产环境
	}
	import {
		mapState
	} from 'vuex';
	export default {
		components: {
			PayInfo,
			UploadPayment,
			ConfirmReceipt,
			pageFooter
		},
		data() {
			return {
				uploadpingzheng: false, //上传凭证
				navigationList: [{
						"name": "首页",
						"link": "/pages/home/home",
						"icon": "home-fill"
					},
					{
						"name": "推广",
						"link": "/pages/shop/inv_records",
						"icon": "share-fill"
					},
					{
						"name": "客服",
						"link": "/pages/my/kefu",
						"icon": "weixin-fill"
					},
					{
						"name": "我的",
						"link": "/pages/my/index",
						"icon": "account-fill"
					}
				],//底部导航
				header: {
					token: uni.getStorageSync('token')
				},
				nvcurrent:1,//我的订单导航菜单下标
				//订单
				orderlist:[{
					title:'00123广电锐龙卡（代理：123张三456）',
					orderNo:'123456789987654321',
					name:'测试 15825558688',
					phone:'13888888888',
					ordertime:'2025.12.01 10:30:00',
					logisname:'韵达',
					logisno:'3652412',
					IDnum:'362201********402',
					city:'北京市',
					address:'北京是昌平区',
					jhtime:'2025.12.01 18:00:00',
					jhuptime:'2025.12.01 20:00:00',
					jstatus:'未结算',
					jsmoney:'128'
				}],
				
				
				
				action: baseUrl + '/api/Common/upload',
				uploadShow: false,
				uploadData: {},
				topNumber: 0,
				// 
				is_dl: true,
				navList: [{
						name: '全部'
					},
					{
						name: '待处理'
					}, {
						name: '待收货'
					}, {
						name: '待充值'
					}, {
						name: '待结算'
					},
					{
						name: '已结算'
					},
					{
						name: '失败'
					}
				],
				sousuo: "搜索",
				current: 0,
				commission: '--',
				current2: -1,
				// 弹框
				type: 1,
				show: false,
				user_info: {},
				spread: '',
				page: 1,
				list: [],
				package_name: "",
				shipping_phone: "",
				shipping_contact: "",
				phone: "",
			};
		},
		computed: {
			...mapState({
				userinfo: state => state.userinfo
			}),
			style() {
				return {
					paddingTop: this.topNumber + 20 + 'px',
				}
			}
		},
		onLoad(opt) {
			// 获取状态栏高度
			uni.getSystemInfo({
				success: (res) => {
					this.topNumber = res.statusBarHeight
				}
			});
			console.log("ossPath:::::",this.ossPath);
			this.page = 1
			this.getList()
		},
		onShow() {
			this.shopInfo()
		},
		onHide() {
			this.show = false
		},
		methods: {
			tourl(url) {
				uni.navigateTo({
					url: url
				})
			},
			menuclick(item) {
				console.log('item', item);
			},
			ordernav(e){
				this.nvcurrent = e;
			},
			previewImage(src) {
				uni.previewImage({
					current: 0,
					urls: [src]
				})
			},
			reset() {
				this.page = 1
				this.current2 = -1
				this.shipping_contact = ""
				this.shipping_phone = ""
				this.package_name = ""
				this.phone = ""
			},

			confirm() {
				this.page = 1
				this.getList()
			},
			copyBtn(txt) {

				uni.setClipboardData({
					data: txt,
					success: function() {
						console.log('success');
					}
				});
			},
			navChange(item) {
				if (item.name == '全部') {
					this.current2 = -1
				} else if (item.name == '待处理') {
					this.current2 = 3
				} else if (item.name == '待收货') {
					this.current2 = 2
				} else if (item.name == '待充值') {
					this.current2 = 1
				} else if (item.name == '待结算') {
					this.current2 = 4
				} else if (item.name == '已结算') {
					this.current2 = 5
				} else if (item.name == '失败') {
					this.current2 = 0
				}
				this.current = item.index;
				this.page = 1
				// this.getList()
			},
			// 获取用户信息
			shopInfo() {
				var that = this
				that.$tips.showLoading('加载中')
				that.$httpApi.userShop().then((res) => {
					that.$tips.hideLoading()
					if (res.code == 1) {
						that.user_info = res.data.userinfo;
						that.spread = res.data.spread
					}
				})
			},
			// 列表
			getList() {
				let {
					shipping_contact,
					shipping_phone,
					package_name,
					page,
					current2,
					phone
				} = this
				var that = this
				if (that.page == 1) {
					that.$tips.showLoading('加载中')
				} else {
					that.status = 'loading'
				}
				var params = {
					page,
					status: current2,
					shipping_contact,
					shipping_phone,
					package_name,
					phone,
				}
				that.$httpApi.userOrderList(params).then((res) => {
					if (res.code == 1) {
						if (that.page == 1) {
							that.list = []
							that.$tips.hideLoading()
						}
						if (res.data.current_page == res.data.last_page) {
							that.status = 'nomore'
						} else {
							that.status = 'loadmore'
						}
						that.list = that.list.concat(res.data.data)
						that.sousuo = '';
						that.sousuo = "搜索" + res.data.total;
					}
				})
			},
			copyBtn(txt) {
				uni.setClipboardData({
					data: txt,
					success: function() {
						console.log('success');
					}
				});
			},
			// 编辑个人信息
			mainStoreBtn() {

				uni.navigateTo({
					url: '/pages/person/person_bankcard_revise'
				})
			},
			// 退出登录确定
			defineBtn() {
				this.show = false
				this.$store.commit('SET_TOKEN', '')
				this.$store.commit('SET_INFO', '')
				uni.reLaunch({
					url: '/pages/signIn/sign_in'
				})
			},
			// nav跳转
			navBtn(type) {
				if (type == 2) {
					uni.navigateTo({
						url: '/pages/shop/inv_records'
					})
				}

			},
			// 我的佣金余额
			commissionBalance() {
				if (this.userinfo.level > 1) {
					uni.navigateTo({
						url: '/pages/shop/money_records'
					})
				} else {
					this.type = 2
					this.show = true
				}
			},
			// 
			txtNavBtn(type) {
				if (type == 1) {
					uni.navigateTo({
						url: '/pages/order/ordertwo'
					})
				}
				if (type == 2) {
					uni.navigateTo({
						url: '/pages/shop/inv_records'
					})
				}
				if (type == 3) {
					uni.navigateTo({
						url: '/pages/shop/money_records'
					})
				}
				if (type == 4) {
					uni.navigateTo({
						url: '/pages/person/person_bankcard_revise'
					})
				}
				if (type == 5) {
					uni.navigateTo({
						url: '/pages/person/person_password'
					})
				}
				if (type == 6) {
					uni.navigateTo({
						url: '/pages/person/agent_add'
					})
				}
				if (type == 7) {
					uni.navigateTo({
						url: '/pages/shop/my_code'
					})
				}
				if (type == 8) {
					this.$tips.showToast('暂未开放')
				}
				if (type == 9) {
					uni.navigateTo({
						url: '/pages/shop/withdrawal_details?money=' + this.commission
					})
				}

			},
			onSuccess(e, item) {
				if (e.code == 1) {
					this.$httpApi.Orderimage({
						order_id: item.id,
						image: e.data.url,
						'card_type': '1'
					}).then(res => {
						if (res.code == 1) {
							// item.image = e.data.fullurl
							this.$set(item, 'image_text', e.data.fullurl)
							uni.showToast({
								icon: 'none',
								title: '上传成功'
							});
						}
					})
				}
			},
			// 上传凭证
			uploadBtn(id, card_type, phone) {
				this.$refs.upPayment.openBtn(id, card_type, phone)
			},
		}
	}
</script>

<style lang="less">
	.main_info {
		background: linear-gradient(90deg, #F58931 0%, #F25A19 100%);
		margin-bottom: -100rpx;
	}

	.rdzhezhao {
		position: absolute;
		bottom: -120rpx;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: clamp(80rpx, 20vw, 200rpx);
		-webkit-mask-image: linear-gradient(black, black);
		mask-image: linear-gradient(black, black);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-position: center;
		mask-position: center;
		color: #f7f8fa;
	}

	.mylevel {
		border-radius: 18rpx 14rpx 14rpx 0;
	}
	
	// 凭证上传
	.pingzhengpop{
		border-radius: 20rpx 20rpx 0 0;
		.pingzhengpopscroll{
			max-height: 80vh;
			overflow-y: scroll;
		}
		
	}
</style>